<!DOCTYPE html>
<html lang="en">
<head>

    <include file="public@head"/>

</head>
<body>

<div class="container">

    <include file="public@nav"/>

    <div class="">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide slide1" style="position: relative;">
                    <img width="100%" style="z-index: 1;position: absolute;" src="/static/img/h1.jpg">
                    <div id="text">
                        <h1>I just want to be free in my world</h1>
                        <h3>我想要在我的世界，自由自在</h3>
                    </div>
                </div>
                <div class="swiper-slide slide2">
                    <img width="100%" src="/static/img/h2.jpg">

                </div>
                <div class="swiper-slide slide3">
                    <img width="100%" src="/static/img/h3.jpg">
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <div class="container-fluid">
            <div class="row">
                <div class="imgs col-md-6 col-sm-6 col-xs-6">
                    <div class="text1">
                        <h3>心之所向</h3>
                        <p>曾听人说，回忆是一座桥，却是通向寂寞的牢。</p>
                    </div>
                    <img width="100%" class="img" src="/static/img/bg1.jpg">
                </div>
                <div class="imgs col-md-6 col-sm-6 col-xs-6">
                    <div class="text1">
                        <h3>找回自己</h3>
                        <p>快乐给了你，寂寞给自己。</p>
                    </div>
                    <img width="100%" class="img" src="/static/img/bg2.jpg">
                </div>
                <div class="imgs col-md-6 col-sm-6 col-xs-6">
                    <div class="text1">
                        <h3>追求美好</h3>
                        <p>经不住似水流年，逃不过此间少年。</p>
                    </div>
                    <img width="100%" class="img" src="/static/img/bg3.jpg">
                </div>
                <div class="imgs col-md-6 col-sm-6 col-xs-6">
                    <div class="text1">
                        <h3>似曾相识</h3>
                        <p>我们好像在哪见过，你记得吗？</p>
                    </div>
                    <img width="100%" class="img" src="/static/img/bg4.jpg">
                </div>

            </div>
        </div>

    </div>

</div>


<script>
//    function setIframeHeight(iframe) {
//        if (iframe) {
//            var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
//            if (iframeWin.document.body) {
//                iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
//            }
//        }
//    };
//    window.onload = function () {
//
//        var homepage = document.getElementById('homepage');
//        var message = document.getElementById('words');
//        var home = document.getElementById('home');
//        setIframeHeight(homepage);
//        message.onclick = function () {
//            homepage.src = '/index/message/';
//        }
//
//        home.onclick = function () {
//            homepage.src = '/index/index/getHomepage'
//        }
//
//    };
    var mySwiper = new Swiper('.swiper-container',{
        pagination: '.swiper-pagination',
        autoHeight: 'true',
    });
</script>

</body>
</html>